﻿<!DOCTYPE html>
<html xmlns:lava="http://lava-js.com">
<head>
    <title>Lava:  Routing</title>
    <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
    <link href='../css/demos.css' rel='stylesheet' type='text/css'>
    <script src="../scripts/lava.js" type="text/javascript"></script>
    <script type="text/javascript">
        // add the different routes: a route name along with an action to execute when navigating to the route
        Lava.Routes.add('Home');
        Lava.Routes.add('About', function () {
            alert('You have reached the about page.');
        });
    </script>
</head>
<body>
    <div id="content">
        <h1>Simple Routing Example</h1>
        <a href="#Home">Home</a><br><br>
        <a href="#About">About</a>
    </div>
</body>
</html>
